<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta name="apple-themes-web-app-capable" content="yes">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="format-detection" content="telephone=no">
		<title>走势图</title>	
		<link rel="stylesheet" href="${s.base}/mobile/css/main.css" type="text/css" media="all">
	</head>

	<body>   
		<header id="header">
			<div class="header_con">
				<a href="javascript:history.go(-1);"><span></span></a> 
                <div class="top_tit">走势图</div>         
			</div>
		</header>
<style type="text/css">
			.font1{color:#F00;}
			
			.xy_list{width:100%; background-color:#FFF;}
			.xy_list .content{width:100%;}
			.xy_list .content li{width:100%; padding:0px; height:0.66rem;}
			.xy_list .content li .c_left{width:20%; float:left;line-height: 0.66rem;color: #333;font-size: 0.22rem; text-align:center; }
			.xy_list .content li .c_left_1{width:30%; float:left;line-height: 0.66rem;color: #333;font-size: 0.22rem; text-align:center; }
			.xy_list .content li .c_center{width:30%; float:left;line-height: 0.66rem;color: #333;font-size: 0.2rem; text-align:center;}
			.xy_list .content li .c_right{width:20%; float:left;line-height: 0.66rem;color: #333;font-size: 0.22rem; text-align:center; }
			
        </style>
		<div id="content_div" >
            <div class="wq_list">
              <ul>
              <li style="border:0px;">
               <i style="background: url(${activity.imageOne}) no-repeat;background-size: 0.56rem 0.56rem;"></i>
               <p style="padding:0px; font-size: 0.28rem;color: #333;line-height: 0.38rem; margin-bottom:0.1rem;">${activity.itemTitle}</p>
               <p><span>总   需：</span>  <em>${activity.totalNum}</em>人次</p>
              </li>
              </ul>
             </div>
             
           <div id="main" style="height:6rem"></div>
         
			<div class="xy_list">
               <h2 style=" width:100%;  height:0.2rem;"></h2>
              <ul class="content">
                  <li>
                      <div class="c_left">期数</div>
                      <div class="c_left_1">中奖人</div>
                      <div class="c_center">幸运号</div>
                      <div class="c_right">参与人次</div>
                  </li>
                  <#if activityList??>
                      <#list activityList as activity>
                          <li>
                              <div class="c_left">${activity.periodsNum}</div>
                              <div class="c_left_1">${activity.memberName}</div>
                              <div class="c_center">${activity.winningNum}</div>
                              <div class="c_right">${activity.totalNum}</div>
                          </li>
                      </#list>
                  </#if>

               </ul>
             </div>
        
      	</div>	
            <!--底部-->
			<!--底部结束-->
		   
          <script type="text/javascript" src="${s.base}/mobile/js/jquery.min.js"></script>
		  <script type="text/javascript" src="${s.base}/mobile/js/common.js"></script>
          <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
        <script type="text/javascript">
            var nameArray = [];
            var winNumArray = [];
            $(document).ready(function() {
                //初始化将测试集包含的用例存在数组里面
                <#if activityList??>
                    <#list activityList as activity>
                        nameArray.push("第${activity.periodsNum}期");
                        var num = "${activity.winningNum}";
                        num = num.substr(1);
                        var regex=/^[0]+/
                        var a=num.replace(regex,"");
                        winNumArray.push(parseFloat(a));
                    </#list>
                </#if>
            });

        </script>
          <script type="text/javascript">
            // 路径配置
            require.config({
                paths: {
                    echarts: 'http://echarts.baidu.com/build/dist'
                }
            });

            // 使用
            require(
                [
                    'echarts',
                    'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
                ],
                function (ec) {
                    // 基于准备好的dom，初始化echarts图表
                    var myChart = ec.init(document.getElementById('main'));
                    // 查看
                    option = {
                            title : {
                                text: '近十期活动中奖变化'
                            },
                            tooltip : {
                                trigger: 'axis'
                            },
                            calculable : true,
                            xAxis : [
                                {
                                    type : 'category',
                                    boundaryGap : false,
                                    data : nameArray
                                }
                            ],
                            yAxis : [
                                {
                                    type : 'value',
                                    axisLabel : {
                                        formatter: '{value}'
                                    }
                                }
                            ],
                            series : [
                                {
                                    name:'中奖号',
                                    type:'line',
                                    data:winNumArray
                                }
                            ]
                        };
                    // 为echarts对象加载数据
                    myChart.setOption(option);
                }
            );
        </script>
	</body>

</html>